<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:a4j="http://richfaces.org/a4j"
  xmlns:rich="http://richfaces.org/rich" xmlns:s="http://jboss.com/products/seam/taglib">

        <a4j:outputPanel styleClass="tabLoaderContainer">
          <div id="loadingIndicator"    style="display: none;  text-align: center; position:absolute;left:50%;z-index: 1">
            <h:graphicImage id="revLoaderForDemo" value="/img/indicator-lite.gif" /> <br />
            Please wait..
          </div> 
        </a4j:outputPanel >
        
    
	</ui:composition>

<!--  usage


<ui:include src="/include/loadingIndicator.xhtml" />
<a4j:status onstart="document.getElementById('loadingIndicator').style.display='block';" onstop="document.getElementById('loadingIndicator').style.display='none';"/>
 -->
